<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="admin/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="admin/css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">

        <fieldset class="table-search-fieldset">
            <legend>搜索信息</legend>
            <div style="margin: 10px 10px 10px 10px">
                <form class="layui-form layui-form-pane" action="">
                    <div class="layui-form-item">


                        <!--贴子选择-->
                        <div class="layui-inline">
                            <label class="layui-form-label">选择贴子</label>
                            <div class="layui-input-block" id="selectPost" lay-filter="community">
                                <select name="postNo" id="selectPostNo">
                                    <!--<option value=""></option>
                                    <option value="0">写作</option>
                                    <option value="1">阅读</option>
                                    <option value="2">游戏</option>
                                    <option value="3">音乐</option>
                                    <option value="4">旅行</option>-->
                                </select>
                            </div>
                        </div>
                        <!--选择评论-->
                        <div class="layui-inline">
                            <label class="layui-form-label">选择评论</label>
                            <div class="layui-input-block" id="selectComment">
                                <select name="CommentNo" id="selectCommentNo">
                                    <!--<option value=""></option>
                                    <option value="0">写作</option>
                                    <option value="1">阅读</option>
                                    <option value="2">游戏</option>
                                    <option value="3">音乐</option>
                                    <option value="4">旅行</option>-->
                                </select>
                            </div>
                        </div>
                        <!--选择用户-->
                        <div class="layui-inline">
                            <div class="layui-input-block">
                                <button class="layui-btn " id="searchAllReport">查询全部举报</button>
                            </div>
                        </div>

                    </div>
                </form>


            </div>
        </fieldset>


        <table class="layui-hide" id="reportCurrentTableId" lay-filter="currentTableFilter"></table>

        <script type="text/html" id="currentTableBar">
            <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="reject">驳回</a>
            <a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="agree">同意</a>
        </script>

    </div>
</div>
<script src="admin/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script>
    layui.use(['form', 'table'], function () {
        var $ = layui.jquery,
            form = layui.form,
            table = layui.table;


        /*$(document).on('click','#searchAllReport',function(){
            table.reload('reportCurrentTableId',{
                url: 'report/queryAllReport'
                ,headers: {
                    token: window.sessionStorage.getItem("token")
                },
                page: {
                    curr: 1
                },
                where: {
                    no:'1'
                }
            })
        })*/
        /*$('#searchAllReport').click(function () {



        })*/
            /*
            * 监听贴子下拉按钮
            * */





        $(document).on('click','#selectPost .layui-form-selected .layui-anim-upbit dd',function(){
            var postNo = $(this).attr("lay-value")
            console.log(postNo)
            table.reload('reportCurrentTableId',{
                url: 'report/queryUserReportByType',
                headers: {
                    token: window.sessionStorage.getItem("token")
                },
                page: {
                    curr: 1
                }
                , where: {
                    no: postNo,
                    reportObjectType:'1'
                }
            })
            /*  $('.layui-select-title input').attr("placeholder",$(this).text()+"社区贴子");*/
            $('#selectPost .layui-form-select .layui-select-title input').attr("placeholder",$(this).text());
            $('#selectComment .layui-form-select .layui-select-title input').attr("placeholder","请选择");
            $('#selectUser .layui-form-selected .layui-select-title input').attr("placeholder","请选择");
        });

        $(document).on('click','#selectComment .layui-form-selected .layui-anim-upbit dd',function(){
            var commentNo = $(this).attr("lay-value")
            console.log(commentNo)


            table.reload('reportCurrentTableId',{
                url: 'report/queryUserReportByType',
                headers: {
                    token: window.sessionStorage.getItem("token")
                },
                page: {
                    curr: 1
                }
                , where: {
                    no: commentNo,
                    reportObjectType:'2'
                }
            })
            
            /*  $('.layui-select-title input').attr("placeholder",$(this).text()+"社区贴子");*/
            $('#selectPost .layui-form-select .layui-select-title input').attr("placeholder","请选择");
            $('#selectComment .layui-form-select .layui-select-title input').attr("placeholder",$(this).text());
            $('#selectUser .layui-form-selected .layui-select-title input').attr("placeholder","请选择");
        });

        $(document).on('click','#selectUser .layui-form-selected .layui-anim-upbit dd',function(){
            var userNo = $(this).attr("lay-value")
            console.log(userNo)


            table.reload('reportCurrentTableId',{
                url: 'report/queryUserReportByType',
                headers: {
                    token: window.sessionStorage.getItem("token")
                },

                page: {
                    curr: 1
                }
                , where: {
                    no: userNo,
                    reportObjectType:'0'
                }
            })
            /*  $('.layui-select-title input').attr("placeholder",$(this).text()+"社区贴子");*/
            $('#selectPost .layui-form-select .layui-select-title input').attr("placeholder","请选择");
            $('#selectComment .layui-form-select .layui-select-title input').attr("placeholder","请选择");
            $('#selectUser .layui-form-select .layui-select-title input').attr("placeholder",$(this).text());
        });

        /*
       * 获得所有贴子，把下拉补全
       * */

        $.ajax({
            type:'get',
            url:'post/queryAllPost',
            beforeSend: function (XMLHttpRequest) {
                XMLHttpRequest.setRequestHeader("token", window.sessionStorage.getItem("token"));
            },
            success:(res)=>{
                if(res.success === true){
                    var data = res.data.posts;
                    var html = "<option value=\"\"></option>";
                    for (var i = 0; i < data.length; i++) {
                        html+="<option value=\""+data[i].postNo+"\">"+data[i].postTitle+"</option>";
                    }
                    $('#selectPostNo').html(html);

                    var html1 = "";
                    for (var i = 0; i < data.length; i++) {
                        html1+="<dd lay-value=\""+data[i].postNo+"\" >"+data[i].postTitle+"</dd>";
                    }
                    $('#selectPost .layui-form-select .layui-anim').html(html1);

                }
            },
            error:(err)=>{

            }
        });


        $.ajax({
            type:'get',
            url:'comment/queryAllComment',
            beforeSend: function (XMLHttpRequest) {
                XMLHttpRequest.setRequestHeader("token", window.sessionStorage.getItem("token"));
            },
            success:(res)=>{
                if(res.success === true){
                    var data = res.data.comments;
                    var html = "<option value=\"\"></option>";
                    for (var i = 0; i < data.length; i++) {
                        html+="<option value=\""+data[i].commentNo+"\">"+data[i].commentNo+"</option>";
                    }
                    $('#selectCommentNo').html(html);

                    var html1 = "";
                    for (var i = 0; i < data.length; i++) {
                        html1+="<dd lay-value=\""+data[i].commentNo+"\" >"+data[i].commentNo+"</dd>";
                    }
                    $('#selectComment .layui-form-select .layui-anim').html(html1);

                }
            },
            error:(err)=>{

            }
        });


        $.ajax({
            type:'get',
            url:'',
            success:(res)=>{
                if(res.success === true){
                    var data = res.data.posts;
                    var html = "<option value=\"\"></option>";
                    for (var i = 0; i < data.length; i++) {
                        html+="<option value=\""+data[i].postNo+"\">"+data[i].postTitle+"</option>";
                    }
                    $('#selectCommunityNo').html(html);

                    var html1 = "";
                    for (var i = 0; i < data.length; i++) {
                        html1+="<dd lay-value=\""+data[i].postNo+"\" >"+data[i].postTitle+"</dd>";
                    }
                    $('#selectCommunity .layui-anim').html(html1);

                }
            },
            error:(err)=>{

            }
        });


        table.render({
            elem: '#reportCurrentTableId',
            url: 'report/queryAllReport',
            headers: {
                token: window.sessionStorage.getItem("token")
            },
            toolbar: '#toolbarDemo',
            defaultToolbar: ['filter', 'exports', 'print', {
                title: '提示',
                layEvent: 'LAYTABLE_TIPS',
                icon: 'layui-icon-tips'
            }],
            cols: [
                [
                {type: "checkbox", width: 40},
                {field: 'reportNo', width: 105, title: '举报编号', sort: true},
                {field: 'userNo', width: 120, title: '举报人'},
                {field: 'reportObjectNo', width: 300, title: '举报对象（贴子、评论、用户）编号', sort: true},
                {field: 'reportObjectType', width: 95, title: '举报类型'},
                {field: 'reportTime', width: 120, title: '举报时间'},
                {title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"}
                ]
            ],
            limits: [10, 15, 20, 25, 50, 70],
            limit: 15,
            page: true,
            done: function(){
                toolbar();
            },
            skin: 'line',
            id: "reportCurrentTableId",
            parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
                var result;
                console.log(this);
                console.log(JSON.stringify(res));
                if(this.page.curr){
                    result = res.data.reports.slice(this.limit*(this.page.curr-1),this.limit*this.page.curr);
                }
                else{
                    result=res.data.reports.slice(0,this.limit);
                }

                return {
                    "code": res.code, //解析接口状态
                    "msg": res.message, //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": result //解析数据列表
                };
            }
        });
        function toolbar() {





        }

        //监听表格复选框选择
        table.on('checkbox(currentTableFilter)', function (obj) {
            console.log(obj)
        });

        table.on('tool(currentTableFilter)', function (obj) {
            var data = obj.data;
            if (obj.event === 'reject') {

                var index = layer.open({
                    title: '驳回界面',
                    type: 2,
                    shade: 0.2,
                    maxmin:true,
                    shadeClose: true,
                    area: ['60%', '60%'],
                    content: 'reportReasonIndex?reportNo='+data.reportNo
                });
                $(window).on("resize", function () {
                    layer.full(index);
                });
                return false;
            } else if (obj.event === 'agree') {
                console.log(data)
                layer.confirm('同意该举报？', function (index) {
                    $.ajax({
                        type:'get',
                        url:'report/dealAgree',
                        beforeSend: function (XMLHttpRequest) {
                            XMLHttpRequest.setRequestHeader("token", window.sessionStorage.getItem("token"));
                        },
                        data:{
                            reportNo:data.reportNo,
                            no:data.reportObjectNo,
                            type:data.reportObjectType
                        },
                        success:(res)=>{
                            if(res.success === true){
                                alert("帖子或者用户或者评论状态已经更改")
                                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                                parent.layer.close(index); //再执行关闭
                                window.location.href = 'toReportIndex';
                            }
                        },
                        error:(err)=>{

                        }
                    });

                });
            }
        });

    });
</script>

</body>
</html>